.block {
  display: block;
  width: 100%;
}

.black-text {
  color: #222;
}

input {
  color: #757575;
}

.submit {
  background-color: #5c6bc0;
  border-color: #5c6bc0;
  color: #fff;
}


form {
  background: #F6F6F6;
  background: -webkit-linear-gradient(#F6F6F6, #FCFCFC);

  background: -o-linear-gradient(#F6F6F6, #FCFCFC);

  background: -moz-linear-gradient(#F6F6F6, #FCFCFC);

  background: linear-gradient(#F6F6F6, #FCFCFC);


  /*border: 1px solid #fff;*/
  border-radius: 4px;
  z-index:4;
  /*padding: 50px 40px 40px;*/
}

.login_box {
  position: relative;
  z-index: 3;
  height: 100%;
}


.brand {
  text-align: center;
  background-color: #5c6bc0;
  padding: 10px;
  border-radius: 4px;
}

.brand .brand-text {
  margin-top: 8px;
  text-shadow: rgba(0, 0, 0, .15) 0 0 1px;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  line-height: 1.2;
  color: #424242;
  font-weight: 700;
  margin-bottom: 45px;
}


.font-size-18 {
  font-size: 18px;
}


footer {
  display: block;
}

.page-copyright-inverse {
  color: #fff;
}

.page-copyright {
  margin-top: 60px;
  font-size: 12px;
  color: #424242;
  letter-spacing: 1px;
}

.error {
  font-size: 12px;
  position: absolute;
  bottom: -22px;
  line-height: 14px;
  height: 14px;
  left: 0px;
}

.line-height24{
  line-height: 24px;

}
@media only screen and (max-width: 600px) {
  .login_box {
    width: 100%;
    height: 100%;
    background: #fff;
  }

  .brand{
    position: fixed;
    top: 0;
    width: 100%;
  }

  form.mat-elevation-z6{
    box-shadow:none;
    padding-top: 118px;
    height: 100%;

  }
}


